<!DOCTYPE html>
<title>Updating the 'values' attribute after sandwich order change</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<svg>
  <rect width="100" height="100">
    <animate attributeName="opacity" begin="0ms; 40ms; 70ms" dur="10ms" id="first" fill="freeze"/>
    <animate attributeName="opacity" begin="20ms; 50ms" dur="10ms" from="1" to="1" fill="freeze"/>
  </rect>
</svg>
<script>
  async_test(t => {
    let first_animate = document.getElementById("first");
    window.onload = t.step_func(() => {
      let svg = first_animate.ownerSVGElement;
      svg.pauseAnimations();
      window.requestAnimationFrame(t.step_func_done(() => {
        svg.unpauseAnimations();
        first_animate.setAttribute("values", "0; 1");
      }));
    });
  });
</script>
